<template>
	<div id="foot">	
	 <div class="footnav">
	  <div class="foot_content">
	   <ul>
	   	<li>
	   		<div class="vip_intr">
	   		   <h4>VIP会员</h4>
	   		   <p>购买</p>
	   		   <p>激活</p>
	   		</div>
	   	</li>
	   	<li>
	   		<div class="question">
	   			<h4>常见问题</h4>
	   			<p>产品使用</p>
	   			<p>产品购买</p>
	   			<p>产品资质</p>
	   		</div>
	   	</li>
	   	<li>
	   		<div class="about_is">
	   			<h4>关于i思</h4>
	   			<p>联系i思</p>
	   			<p>团队介绍</p>
	   			<p>招贤纳士</p>
	   			<p>服务条款</p>
	   		</div>
	   	</li>
	   	<li>
	   		<div class="app_wei">
	   			<h4>APP下载</h4>
	   			 <img src="../assets/pcschool/sc_13.png" alt="" />
	   		</div>
	   	</li>
	   	<li>
	   		<div class="contact_logo">
	   			<div class="work_logo"><img src="../assets/pcschool/sc_10.png" alt="" /></div>
	   			
	   			<p class="work_phone"><img src="../assets/pcschool/sc_17.png" alt="" /><span>400-888-8888</span></p>
	   			<p class="work_email"><img src="../assets/pcschool/sc_21.png" alt="" /><span>isizgiyuan@126.com</span></p>
	   		</div>
	   	</li>
	   </ul>
	  </div>
	 </div>
	</div>
</template>

<script>
	export default{
		name:'foot',
		methods:{
			onclick:function(id){
				console.log(id)
			}
		}
	}
</script>

<style>
	#foot{width:100%;background-color:#1a1a1a;margin-top:50px;}
	@media only screen and (min-width:1024px ) {
		.footnav{width:1260px;margin:0 auto;position: relative;}
		.foot_content{padding-top:45px;padding-left:75px;padding-right:75px;padding-bottom: 45px;position: relative;overflow:hidden;}
	     .foot_content li{float:left;width:20%;cursor: pointer; }
	     .work_logo{text-align: center;}
	     .app_wei h4{padding-left:30px;}
	     .vip_intr{color:#cccccc;}
	      .vip_intr p{font-size:16px;margin-bottom: 15px;}
	      .question{color:#CCCCCC;}
	      .question p{font-size:16px;margin-bottom: 15px;}
	      .about_is{color:#CCCCCC;}
	      .about_is p{font-size:16px;margin-bottom: 15px;}
	      .app_wei{color:#cccccc;}
	      .app_wei img{width:150px;height:130px;}
	      .contact_logo .work_logo img{width:120px;height:95px;}
	      .contact_logo p img{padding-right:5px;display:inline-block;position: relative;top:10px;}
	      .work_email{font-size:16px;color:#cccccc;}
	      .work_email img{display:inline-block;padding-left:25px;padding-right:5px;}
	       .contact_logo .work_phone{font-size:20px; color:#cccccc;padding-left: 15px;}
	}
	
</style>